<template>
  <div id="app" class="center_box">
    <keep-alive exclude="BannerView,GoodDetail,Cart,GoodComment,GoodTab,Profile">
    <router-view></router-view>
    </keep-alive>
    <main-tab-bar v-show="isShow"></main-tab-bar>
  </div>
</template>
<script>
import MainTabBar from 'components/public/tabbar/MainTabBar'
export default {
  name: "App",
  data() {
    return {};
  },
  computed:{
    isShow(){
      return this.$route.path=='/home'||this.$route.path=='/categroy'||this.$route.path=='/cart'||this.$route.path=='/profile'
    }
  },
  components: {
    MainTabBar
  },
  created(){
    
  }
};
</script>
<style lang="less" scoped>
@import "assets/css/normalize.css";
#app {

  background-color: rgba(0, 0, 0, .2);
  font-size: 14px;
  
 
}


</style>
